
.mk-button {
  border-radius: 0.05333rem;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: block;
  font-size: 16px;
  height: 1.09333rem;
  outline: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.mk-button-icon {
  vertical-align: middle;
  display: inline-block;
}
.mk-button__n1 {
  color: #fff;
  background-color: #2c2c2c;
  border: 1px solid #2c2c2c;
}
.mk-button__n1-disabled, .mk-button__n1:disabled {
    background-color: #2c2c2c;
    border: 1px solid #2c2c2c;
    opacity: .4;
}
.mk-button__n1:active, .mk-button__n1-active {
    background-color: #191919;
    border-color: #131313;
}
.mk-button__n1-outline {
    color: #2c2c2c;
    background-color: transparent;
    background-image: none;
    border: 1px solid #2c2c2c;
}
.mk-button__n1-outline-disabled, .mk-button__n1-outline:disabled {
      color: #2c2c2c;
      background-color: transparent;
      opacity: .4;
}
.mk-button__n1-outline:active, .mk-button__n1-outline-active {
      color: #fff;
      background-color: #2c2c2c;
      border-color: #2c2c2c;
}
.mk-button-large {
  display: block;
  width: 100%;
}
.mk-button-normal {
  display: inline-block;
  padding: 0 12px;
}
.mk-button-small {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  height: 33px;
}
.mk-button__mkc {
  color: #fff;
  background-color: #2c2c2c;
  border: 1px solid #2c2c2c;
}
.mk-button__mkc-disabled, .mk-button__mkc:disabled {
    background-color: #2c2c2c;
    border: 1px solid #2c2c2c;
    opacity: .4;
}
.mk-button__mkc:active, .mk-button__mkc-active {
    background-color: #191919;
    border-color: #131313;
}
.mk-button__mkc-outline {
    color: #2c2c2c;
    background-color: transparent;
    background-image: none;
    border: 1px solid #2c2c2c;
}
.mk-button__mkc-outline-disabled, .mk-button__mkc-outline:disabled {
      color: #2c2c2c;
      background-color: transparent;
      opacity: .4;
}
.mk-button__mkc-outline:active, .mk-button__mkc-outline-active {
      color: #fff;
      background-color: #2c2c2c;
      border-color: #2c2c2c;
}
.mk-button-large {
  display: block;
  width: 100%;
}
.mk-button-normal {
  display: inline-block;
  padding: 0 12px;
}
.mk-button-small {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  height: 33px;
}
.mk-button__vice {
  color: #fff;
  background-color: #f25f15;
  border: 1px solid #f25f15;
}
.mk-button__vice-disabled, .mk-button__vice:disabled {
    background-color: #f25f15;
    border: 1px solid #f25f15;
    opacity: .4;
}
.mk-button__vice:active, .mk-button__vice-active {
    background-color: #d54f0c;
    border-color: #c94b0b;
}
.mk-button__vice-outline {
    color: #f25f15;
    background-color: transparent;
    background-image: none;
    border: 1px solid #f25f15;
}
.mk-button__vice-outline-disabled, .mk-button__vice-outline:disabled {
      color: #f25f15;
      background-color: transparent;
      opacity: .4;
}
.mk-button__vice-outline:active, .mk-button__vice-outline-active {
      color: #fff;
      background-color: #f25f15;
      border-color: #f25f15;
}
.mk-button-large {
  display: block;
  width: 100%;
}
.mk-button-normal {
  display: inline-block;
  padding: 0 12px;
}
.mk-button-small {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  height: 33px;
}
.mk-button__blue {
  color: #fff;
  background-color: #007bff;
  border: 1px solid #007bff;
}
.mk-button__blue-disabled, .mk-button__blue:disabled {
    background-color: #007bff;
    border: 1px solid #007bff;
    opacity: .4;
}
.mk-button__blue:active, .mk-button__blue-active {
    background-color: #0069d9;
    border-color: #0062cc;
}
.mk-button__blue-outline {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border: 1px solid #007bff;
}
.mk-button__blue-outline-disabled, .mk-button__blue-outline:disabled {
      color: #007bff;
      background-color: transparent;
      opacity: .4;
}
.mk-button__blue-outline:active, .mk-button__blue-outline-active {
      color: #fff;
      background-color: #007bff;
      border-color: #007bff;
}
.mk-button-large {
  display: block;
  width: 100%;
}
.mk-button-normal {
  display: inline-block;
  padding: 0 12px;
}
.mk-button-small {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  height: 33px;
}
.mk-button__orange {
  color: #111;
  background-color: #fd7e14;
  border: 1px solid #fd7e14;
}
.mk-button__orange-disabled, .mk-button__orange:disabled {
    background-color: #fd7e14;
    border: 1px solid #fd7e14;
    opacity: .4;
}
.mk-button__orange:active, .mk-button__orange-active {
    background-color: #e96b02;
    border-color: #dc6502;
}
.mk-button__orange-outline {
    color: #fd7e14;
    background-color: transparent;
    background-image: none;
    border: 1px solid #fd7e14;
}
.mk-button__orange-outline-disabled, .mk-button__orange-outline:disabled {
      color: #fd7e14;
      background-color: transparent;
      opacity: .4;
}
.mk-button__orange-outline:active, .mk-button__orange-outline-active {
      color: #fff;
      background-color: #fd7e14;
      border-color: #fd7e14;
}
.mk-button-large {
  display: block;
  width: 100%;
}
.mk-button-normal {
  display: inline-block;
  padding: 0 12px;
}
.mk-button-small {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  height: 33px;
}
.mk-button__light {
  color: #111;
  background-color: #f8f9fa;
  border: 1px solid #f8f9fa;
}
.mk-button__light-disabled, .mk-button__light:disabled {
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
    opacity: .4;
}
.mk-button__light:active, .mk-button__light-active {
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.mk-button__light-outline {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border: 1px solid #f8f9fa;
}
.mk-button__light-outline-disabled, .mk-button__light-outline:disabled {
      color: #f8f9fa;
      background-color: transparent;
      opacity: .4;
}
.mk-button__light-outline:active, .mk-button__light-outline-active {
      color: #fff;
      background-color: #f8f9fa;
      border-color: #f8f9fa;
}
.mk-button-large {
  display: block;
  width: 100%;
}
.mk-button-normal {
  display: inline-block;
  padding: 0 12px;
}
.mk-button-small {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  height: 33px;
}
.mk-button__dark {
  color: #fff;
  background-color: #343a40;
  border: 1px solid #343a40;
}
.mk-button__dark-disabled, .mk-button__dark:disabled {
    background-color: #343a40;
    border: 1px solid #343a40;
    opacity: .4;
}
.mk-button__dark:active, .mk-button__dark-active {
    background-color: #23272b;
    border-color: #1d2124;
}
.mk-button__dark-outline {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border: 1px solid #343a40;
}
.mk-button__dark-outline-disabled, .mk-button__dark-outline:disabled {
      color: #343a40;
      background-color: transparent;
      opacity: .4;
}
.mk-button__dark-outline:active, .mk-button__dark-outline-active {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40;
}
.mk-button-large {
  display: block;
  width: 100%;
}
.mk-button-normal {
  display: inline-block;
  padding: 0 12px;
}
.mk-button-small {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  height: 33px;
}
